<template>
  <div class="dashboard">
    <div class="left">左侧菜单内容</div>
    <div class="right">
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },

  computed: {},
  methods: {},
  create() {},
  mounted() {},
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
};
</script>
    
<style scoped>
.dashboard {
  display: flex;
}
.left {
  width: 200px;
  height: 100vh;
  background-color: wheat;
}
.right {
  flex: 1;
  height: 100vh;
  background-color: #fff;
}
</style>